<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			.mui-control-content {
				background-color: white;
				min-height: 150px;
			}
			
			.mui-control-content .mui-loading {
				margin-top: 50px;
			}
			
			.mui-input-row label {
				float: left;
				width: 31%;
				color: #AAAAAA;
			}
			
			.mui-input-row label~input,
			.mui-input-row label~select,
			.mui-input-row label~textarea {
				width: 40%;
				float: left;
			}
			
			#showpasswordeye1 {
				width: 20px;
				float: right;
				margin: 13px;
			}
		</style>
	</head>

	<body>
		<div id="item1mobile" class="mui-content mui-slider-item mui-control-content mui-active">
			<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
				<div id="scroll1" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view">
							<li class="mui-table-view-cell">
								<li class="mui-table-view-cell">
									<div class="mui-input-row">
										<label>新密码:</label>
										<img id="showpasswordeye1" src="images/login/闭眼.png" onclick="showPassWord('password',this);return false;" />
										<input id='password' type="password" class="mui-input" required="required" oninvalid="请输入密码" requiredGroup=1>
									</div>
								</li>
								<li class="mui-table-view-cell">
									<div class="mui-input-row">
										<label id="passwordc">确认密码:</label>
										<img id="showpasswordeye1" src="images/login/闭眼.png" onclick="showPassWord('password_confirm',this);return false;" />
										<input id='password_confirm' type="password" class="mui-input" required="required" oninvalid="请输入确认密码" requiredGroup=1 zcySameWith="password">
									</div>
								</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="mui-row">

			<img class="mui-col-sm-6 mui-col-xs-6" src="images/首页/设置页面/取消按钮.png" />
			<img class="mui-col-sm-6 mui-col-xs-6" src="images/首页/设置页面/确定按钮.png" onclick="changePassWord();" />
		</div>
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/zcy.js"></script>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()

			function changePassWord() {
				var tokens = request('reset?_token');
				var password = $("#password");
				if(!validate(1)) return false;
				$.zcypost("resetByEmail", {
					token: tokens,
					password: password.val()
				}, function(d) {
					mui.toast('密码修改成功！');
					setTimeout(function() {
						location.href = ('login.html')
					}, 500);
				});
			}
		</script>
	</body>

</html>